/*
Theme Name: Max Magazine
Theme URI: http://gazpo.com/2012/07/max/
Author: Sami Ch.
Author URI: http://gazpo.com/
Description: Max Magazine is a super-awesome responsive wordpress theme best suited for newspaper or magazine websites. The theme is packed with an easy-to-use options panel which makes it very easy to customize the layout. It also holds a beautiful jQuery slider, carousel posts, and up to 4 featured categories on homepage. There are two widgetized sections in siderbar and footer of the theme where you can use default or custom widgets included in the theme. The responsive layout makes it look great on iPad and rest of the tablets and mobile devices. 
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, gray, light, one-column, two-columns, right-sidebar, fixed-width, custom-background, editor-style, featured-images, full-width-template, sticky-post, theme-options
Text Domain: max-mag
*/

/*
Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead
See: http://codex.wordpress.org/Child_Themes
*/

/* TABLE OF CONTENT 
 * ================================================
 * 1.  RESET
 * 2.  COMMON ELEMENTS
 * 3.  BASE LAYOUT
 * 4.  HEADER
 * 5.  NAVIGATION MENU
 * 6.  MAIN CONTENT
 * 7.  SIDEBAR
 * 8.  FOOTER
 * 9.  MEDIA QUERIES
 **/


 /* 1. RESET
 * ================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


 /* 2. COMMON ELEMENTS
 * ================================================ */
h1, h2, h3, h4, h5, h6{
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	line-height:1.4;
}

h1{
	font-size:26px;
}

h2{
	font-size:22px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:13px;	
}

a{
	-moz-transition: background-color 0.2s linear 0s;
}

a:link {
	color: #4581B9;
	text-decoration:none;
}

a:visited {
	color: #4581B9;
}

a:active {
	color: #404B58;
}

a:hover {
	color: #404B58;
}

ul, ol {
	margin: 0 0 1.5em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

small { 
	font-size: 80%; 
}

big {
	font-size: 120%;
}

cite, em, i {
	font-style: italic;
}

cite {
	border: none;
}

blockquote {
	font-style:italic;
    margin: 7px 35px 7px 45px;    
	font-style:italic;
	background:#f7f7f7;
	padding:10px;
}

blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	background: rgba(0, 0, 0, 0.05);
	font: 87.5% "Courier 10 Pitch", Courier, monospace;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 0.75em 1.5em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 62.5%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

input[type=text], textarea {
	border: 1px solid #E7E7E7;
}

textarea {
	padding-left: 3px;
	width: 98%;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}

th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

p{
	margin-bottom: 15px;
}

img{
	max-width: 100%; 
	height: auto;
}

/*-- WordPress common classes*/
.clear{
	clear:both;
}
 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.25em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.25em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone{
	display: inline;
	float: left;
	margin-right: 1.25em;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.25em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.25em;
	max-width: 96%;
	text-align:center;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}

.gallery{
	margin-bottom:15px !important;
}

.gallery dl{
	margin:0;
}

.gallery img{
	border:none !important;
}


 /* 3. BASE
 * ================================================ */	
body{
	background: #f7f8f9;
	color: #555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.6em;	
}

#container{
	width: 960px; 
	margin: 0 auto;
}

#content-container{
	padding: 15px; 	
	background: #fff; 
	overflow:hidden;	
}

#content {
	float: left;
	width: 630px;
}

.wide-content{
	width:100% !important;	
}

/* 4. HEADER
* ================================================ */	
#header{
	padding: 15px; 
	margin: 0px auto 20px; 
	background: #fff; 
	border-bottom: 1px solid #ddd;	
}

#header .header-wrap{
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#header .logo{
	float: left;
	width:300px;	
}

#header .logo h1{
	margin-bottom: 0px;
}

#header .logo img{
	display: block;
	margin-top:5px;
}

#header .ad468 {
	width:500px;
	float:right;
	text-align:right;
}

/* 5. NAVIGATION MENU
* ================================================ */
#nav{
    clear: both;
}	
	
#nav select {
    display: none;
    z-index: 3000;
    position: relative;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;	
	color:#555555;
	font-family:inherit;
}

#nav ul {
	z-index:99; 
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:left;
	
}

#nav ul li{
	position: relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	
}

#nav ul li a{	
	display: block;
	float: left;
	position:relative; 
	font-size: 14px;
	font-weight:700;
	text-transform: uppercase;
	padding:0 15px;
	height:40px;
	line-height:40px;
}

#nav ul.sub-menu{
	display: none;
	position: absolute;
	top: 30px;
	width:190px;
	left:10px;
	z-index: 9999;
	background: #ffffff !important;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 
}

 #nav ul.sub-menu a{
	display:block !important;
	width:160px;
	text-transform: none;
	font-size:12px;
	font-weight:700;
	border-bottom:1px solid #efefef;	
}

#nav ul li ul li ul{	
	margin: -30px 0 0 180px;	
}

#nav .sf-sub-indicator{
	display:none;
}

#nav ul.sub-menu li.current-menu-item a, 
#nav ul.sub-menu li.current-page-ancestor a,
#nav ul.sub-menu li.current-menu-ancestor a{
	color:#4581B9 !important;
} 

/* 6. MAIN CONTENT
 * ================================================ */

 /*-- Slider --*/
#slider{
	margin-bottom:20px;
}

#slider .lof-slidecontent{
	width:630px; 
	height:300px;
}

#slider .attachment-slider-image{
	width:630px; 
	height:300px;
}

#slider .main-slider-content{
	width:630px; 
	height:300px;
}

#slider .lof-slidecontent {
	position:relative;	
	overflow:hidden;	
	border:1px solid #F4F4F4;
}

#slider .lof-slidecontent .preload{
	height:100%;	
	width:100%;	
	position:absolute;	
	top:0;	
	left:0;	
	z-index:100000;	
	text-align:center;	
	background:#ffffff;
}

#slider .lof-slidecontent .preload div{	
	height:100%;	
	width:100%;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;
}

#slider .lof-slidecontent  .sliders-wrapper{	
	position:relative;	
	height:100%;	
	width:900px;	
	z-index:3px;	
	overflow:hidden; 
}

#slider .lof-slidecontent  ul.sliders-wrap-inner{
	overflow:hidden;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;	
	padding:0px;	
	margin:0;	
	position:absolute;	
	overflow:hidden;
}

#slider .lof-slidecontent  ul.sliders-wrap-inner li{
	overflow:hidden;	
	padding:0px;
	margin:0px;	
	float:left;	
	position:relative;
}

#slider .lof-slidecontent  .lof-opacity  li{
	position:absolute;	
	top:0;	
	left:0;	
	float:inherit; 
}

#slider .lof-slidecontent  .navigator-content {
	position:absolute; 
	bottom:10px; 
	right:10px;
	background:url(images/s-tr-bg.png) repeat;
	padding:5px 0px;
}

#slider .lof-slidecontent  .navigator-wrapper{	
	position:relative;	
	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}

#slider .lof-slidecontent  ul.navigator-wrap-inner{	
	top:0;	
	padding:0;	
	margin:0;	
	position:absolute;	
	width:100%; 
}

#slider .lof-slidecontent  ul.navigator-wrap-inner li{ 
	cursor:hand; 	
	cursor:pointer;	
	list-style:none;	
	padding:0;	
	margin-left:0px;	
	overflow:hidden;	
	float:left;	
	display:block;	
	text-align:center;
}

#slider ul.sliders-wrap-inner li img{	
	padding:0px;	
}

#slider .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:70px;
	left:0px;
	width:350px;
	background:url(images/s-bg-trans.png);
	height:100px;
	padding:10px;
	color:#cccccc;
}

#slider .lof-main-item-desc h3 a{
	color: #e8e8e8;
}

#slider .lof-main-item-desc .date{
	font-size:12px;
}

#slider .lof-slidecontent .attachment-small-thumb{
	width:70px;
	height:25px;
}

#slider .lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}

#slider .lof-slidecontent ul.navigator-wrap-inner li.active img, 
#slider .lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}

#slider .lof-slidecontent .navigator-content .button-next, 
#slider .lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;
}

#slider .lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(images/s-arrow-l.png) no-repeat right center;
}

#slider .lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(images/s-arrow-r.png) no-repeat left center;
}

#slider .lof-slidecontent .button-control {
	position:absolute;
	top:10px;
	right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(images/s-tr-bg.png) repeat;
}

#slider .lof-slidecontent .button-control span { 
	display:block;  
	width:100%; 
	height:100%;
}
	
#slider .lof-slidecontent .action-start span  {
	background:url(images/s-play.png) no-repeat center center;
}

#slider .lof-slidecontent .action-stop span {
	background:url(images/s-pause.png) no-repeat center center;
}

/*-- Homepage carousel --*/
#carousel {
	margin-bottom:20px;
	overflow:hidden;	
	padding-bottom: 25px;
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#carousel .carousel-posts ul {
	overflow:hidden;	
}

#carousel .title{
	overflow:hidden;
	margin-bottom:10px;
}

#carousel .cat{
	display:inline-block;	
	float:left;
	
}

#carousel .buttons{
	float:right;
	margin-right:5px;
}

#carousel .prev{
	margin-right:5px;
}

#carousel .prev,
#carousel .next {
	opacity:0.5;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

#carousel .prev:hover,
#carousel .next:hover{
	opacity:0.7;
}

#carousel .carousel-posts li {
	width:190px;
	list-style:none;
	margin:0;
	margin-right:26px;
	float:left;	
}

#carousel .post-excerpt{
	max-height:100px;
	overflow:hidden;
	line-height:1.5;	
}

#carousel .post-meta{
	color: #888888;
}

#carousel .post-meta .sep{
	margin:0 5px;
}

#carousel .carousel-posts img {
	width:190px;
	height:130px;
}

/*-- Featured Categories --*/
#featured-categories{
	overflow:hidden;
}

#featured-categories .category{
	width:300px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-bottom: 15px;
	margin-bottom:25px; 
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#featured-categories .right-side{
	margin-left:30px;
}

#featured-categories .category .attachment-feat-thumb{
	width:300px;	
	height:170px;	
}

#featured-categories h3.cat-title {
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	z-index: 3;
}

#featured-categories h3.cat-title a {
	background:#999; 
	color:#ddd; 
	display:block; 
	padding:5px 12px; 
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: rgba(0, 0, 0, 0.4);
}
				
#featured-categories h3.cat-title a:hover { 
	background: rgba(0, 0, 0, 0.6);
}

#featured-categories .feat-post h3{
	margin-bottom:5px;
}
#featured-categories .more-posts .post{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#featured-categories .more-posts .post .right{
	float:left;	
	width:240px;
}

#featured-categories .more-posts img {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 1px 10px 0px 0;
}

#featured-categories .more-posts .post-meta .sep{
	margin:0 5px;
}

#posts-list .post{
	overflow:hidden;
	padding-bottom: 25px;
	margin-bottom:25px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#posts-list .post-image{
	margin-right:20px;
	float:left;
}

#posts-list .post-image img{
	width:150px
}

#posts-list .post-meta .sep{
	margin:0 5px;
}

#posts-list .post .exceprt p{
	margin-bottom:7px;
}

#content .page-title{
	margin-bottom:20px; 
}

#content .post-meta{
	font-size:12px;
	color: #888888;	
	margin-bottom:7px;
}

#content .archive-meta{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .archive-meta p{
	margin-bottom:5px;
}

#content .no-posts-notice{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .post .sticky{		
	font-size:12px;
	background:#f2f2f2;
	padding:4px 6px;
	letter-spacing:1px;
	display:inline-block;
	line-height:1;
	border-bottom:1px solid #eee;
}

#content .post,
#content .page{
	overflow:hidden;
	margin-bottom:15px;
}

#content  .post .post-entry{
	overflow:hidden;
}

#content .post-meta .sep{
	margin:0 5px;
}

#content .post .author{
	overflow:hidden;
}

#content .post .author h3{
	margin-bottom:5px;
}

#content .post .author .avatar{
	float:left;	
	width:50px;
	margin-top:5px;
}

#content .post .author .author-meta{
	margin-left:60px;
}

#content .image-nav, 
#content .post-nav {
	margin: 12px 0;
	overflow:auto;
}

#content .image-nav .previous, 
#content .post-nav .previous {
	float: left;
	text-align: left;
	width: 50%;
}

#content .image-nav .next, 
#content .post-nav .next {
	float: right;
	text-align: right;
	width: 50%;
}

#content .parent-post-link{
	margin:10px 0;
	text-align: center;	
}

#content  .pagination{
	text-align:center; 
	text-shadow: none;  
}

#content .pagination .current { 
	background:#f1f1f1;
}

#content .pagination  .page-numbers {
	border:solid 1px #DEDEDE;
	display: block;
	float: left;	
	margin-right:3px;
	padding: 3px 8px;
	position: relative;
}

#content .post .widget{
	margin:20px 0;
	padding-bottom: 20px;
	background: url("images/sep-bg.png") repeat-x center bottom;
	overflow:hidden;
}

#content .post .widget li{
	border-bottom:none;
}


/*-- Post comments --*/
#comments h2{
	margin:15px 0;
}

#comments span.date-and-time a { 
	display: block; 
	font-size:13px;
	color:#999; 
	text-decoration: none; 
	font-weight: normal; 
	margin: 2px 0;
}

#comments p.comment-notes {
	font-size: 12px; 
	color: #333333; 
}

#comments ol.commentlist{
	margin:0;
}

#comments ol.commentlist li div.comment-author { 
	margin-top: 5px; 
}

#comments ol.commentlist .comment-meta .comment-awaiting-moderation{ 
	color:red; 
	font-style:italic; 
}

#comments ol.commentlist .pingback{
	margin-bottom:10px;
}

#comments ol.commentlist .pingback .title{
	font-size:14px;
	font-weight: 700;
}

#comments ol.commentlist li div.vcard {
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 0;   
}

#comments ol.commentlist li div.vcard span.edit-link a {
	font-size: 13px; 
	font-weight: 400; 
	margin-bottom: 0;
}

#comments ol.commentlist .comment-content p{ 
	margin-bottom:10px;
}

#comments ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}

#comments ol.commentlist li div.vcard img.avatar {
	float:left; 
	margin-right: 10px; 
}

#comments ol.commentlist li { 
	list-style: none; 
}

#comments ol.commentlist li div.reply { 
	margin-bottom: 15px;
}

#comments ol.commentlist li ul.children { 
	list-style:none; 
	margin:15px 0 0; 
	text-indent:0;
}

#comments ol.commentlist li ul.children li.depth-2 { 
	margin: 0 0 30px 40px;  
}

#comments ol.commentlist li ul.children li.depth-3 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-4 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-5 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist > li.bypostauthor {

}
 
#respond p.comment-form-comment label{
	display:none;
}

#commentform p.comment-notes{
	color:#888;
}

#commentform p.form-allowed-tags{
	display:none;
}

#respond input[type="text"], #respond input[type="password"] {
	width: 320px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0px 0px 0px 10px; 
	margin-right: 12px; 
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
}

#respond textarea{
	height: 165px; 
	padding: 10px; 
	width: 90%;
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
	
#respond #submit{
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: #41464b;
	border: 1px solid #41464b;
	border-radius: 3px 3px 3px 3px;
	color:#eeeeee;
	margin:0 0 20px;
	padding: 5px 7px;	
}

#respond #submit:hover {
	cursor:pointer;
	color:#fff;
	background:#292f33;
} 
	
/* 7. SIDEBAR
 * ================================================ */
#sidebar {
	width: 280px;
	float: right;
	margin-left:20px;
}

#sidebar h3{
	margin-bottom:10px;
}

#sidebar .widget{
	padding-bottom: 20px;
	margin-bottom:20px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
	width:280px;
	overflow:hidden;
}

.widget ul {
	margin:0;
	padding:0;
}
.widget:first-child{
	margin-top: 0px;
}

.widget:last-child{
	border-bottom: none;
}

.widget ul li {
	background: url("images/arrow-sidebar.png") no-repeat left 9px;
	border-bottom: 1px dotted #E7E7E7;
	color: #444444;
	margin: 0;
	overflow: hidden;
	padding: 6px 15px;
}

.widget ul li:last-child{
	border-bottom: none;
}

/*-- subscriber counter widget --*/
#sidebar .widget_social_count ul{
	overflow:hidden;
}

#sidebar .widget_social_count a{
	color:#737373;
}

#sidebar .widget_social_count li {
	float: left;	
	font-size: 23px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
	padding-top: 9px;
	padding-left: 40px;
	border-bottom: none;	
 }

#sidebar .widget_social_count li .small {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
    color: #999;
}

#sidebar .widget_social_count li .small a {
	color: #999;
}

#sidebar .widget_social_count .rss {
	background: url(images/rss32.png) 0px 5px no-repeat;
	margin-right:15px;
	width:78px;
}

#sidebar .widget_social_count .twitter {
	background: url(images/twitter32.png) 0px 5px no-repeat;
	width: 75px;
}

#sidebar .widget_ad125 ul{
	overflow:auto;
	margin-top:10px;
	margin-left:15px;	
}

#sidebar .widget_ad125 li{
	float:left;
	margin-bottom:5px;
	border-bottom: none;	
	background:none;
	padding:0;	
}

#sidebar .widget_ad125 li a{
	display:block;
}

#sidebar .widget_ad125 li:first-child{
	float:left;
	margin-right:10px;
}

#sidebar .widget_ad125 li:last-child{
	float:left;
	margin-left:12px;
}

/*-- twitter widget --*/
.widget_tweets{
	height:272px;
}

.widget_tweets  .twtr-ft{
	display:none;
}

.twtr-tweet-text em{
	display:none !important;
}

/*-- search widget --*/
.searchfield{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;
	border:1px solid #E7E7E7;
	font:inherit;
	color: #888;
	background: url("images/magnify.png") no-repeat 96% 50%;
}

/*-- Tags Widget --*/
.tagcloud{
	overflow:hidden;
	margin-top:10px;
}

.tagcloud a {
	background: #F7F7F7;
	color: #494F56;
	display: block;
	float: left;
	font-size: 12px !important;
	line-height: 12px;
	margin-bottom: 8px;
	margin-right: 15px;
	padding: 8px 12px;
	text-decoration: none;
}

.tagcloud a:hover{
	background: #ececec;
}

/*-- Calendar Widget --*/
.widget_calendar h3.widgettitle {
	display:none;
}

.widget_calendar h4 {
	display:none;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.widget_calendar table#wp-calendar {
	width:100%;
	border:none;
	margin-bottom:0;
}

.widget_calendar thead>tr>th {
	width:14%; 
	height:23px; 
	text-align:center; 
	background-color:#f7f7f7; 
}
	
.widget_calendar td {
	width:14%;	
	height:23px;	
	text-align:center;	
	border:none;
}

.widget_calendar tfoot>tr>td#prev {
	width:58px;	
	height:20px;	
	text-align:left;	
}

.widget_calendar tfoot>tr>td#next {
	width:58px; 
	height:20px;	
	text-align:right;	
}

.widget_social ul li{
	padding-left:24px;
}

.widget_social ul li.facebook{
	background:url(images/fb16.png) no-repeat left center;
}
.widget_social ul li.twitter{
	background:url(images/twitter16.png) no-repeat left center;
}
.widget_social ul li.gplus{
	background:url(images/gplus16.png) no-repeat left center;
}
.widget_social ul li.rss{
	background:url(images/rss16.png) no-repeat left center;
}
.widget_social ul li.contact{
	background:url(images/email16.png) no-repeat left center;
}


 /* 8. FOOTER
 * ================================================ */
 
#footer{
	color: #bbbbbb;
	background: url(images/footer-bg.png) repeat; 
	overflow: hidden;
}

#footer h4{
	color:#cdcdcd;
	margin-bottom: 10px; 	
}

#footer a{
	color: #999; 
	font-weight: normal;
}

#footer a:hover{
	color: #fff;
}

#footer .footer-widgets{
	padding:15px;
	overflow:hidden;
}

/*--- footer widgets --*/
#footer .widget{
	float: left; 
	width: 210px; 
	margin-right: 20px;	
	margin-bottom: 20px;	
	overflow:hidden;
}

#footer .widget ul li{
	color: #bbbbbb;
	border-bottom: 1px dotted #292f33;
}

/*--- tags widget  --*/
#footer .tagcloud a {
	background: #292F33;
	color: #878787;	
}

/*--- calendar widget --*/
#footer .widget_calendar thead > tr > th{
	background: none;
	color: #bbbbbb;
}

/*--- twitter widget --*/
#footer  .widget_tweets .twtr-tweet .twtr-tweet-text p {
    color: #bbbbbb !important;
}
#footer  .widget_tweets  .twtr-hd h3 {
	color: #bbbbbb !important;
}

#footer  .widget_tweets .twtr-hd *,
#footer  .widget_tweets .twtr-hd h4 a {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-tweet a:link,
#footer  .widget_tweets .twtr-tweet a:visited,
#footer  .widget_tweets .twtr-tweet a:hover {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-widget .twtr-tweet{
	border-bottom:1px dotted #292F33 !important;
}

/*--- footer info --*/
#footer .footer-info{
	clear: both; 
	margin-top: 0px; 
	padding: 10px 15px; 
	overflow: hidden;
	background: #3e4348;
	background: rgba(41, 47, 51, 0.2);
}

#footer .footer-info p{
	float: left; 
	margin: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	font-style: italic;	
}

#footer .footer-info .credit{
	float: right;
}

#footer .footer-info .credit img{
	margin-bottom:-2px;
}

 /* 9. MEDIA QUERIES
 * ================================================ */
@media screen and (min-width : 630px) and (max-width : 960px) {
	
	#container {
		width: 630px;
	}
	
	/*-- header --*/
	#header .logo{
		float: none; 
		margin-bottom: 10px;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav{
		clear: both; 
		float: left;
	}	
	
	/*-- content --*/	
	#content{
		width:600px;
	}
	
	#slider .lof-slidecontent{
		width:600px; 
		height:285px;
	}

	#slider .lof-slidecontent .slider-image{
		width:600px; 
		height:285px;
	}

	#slider .main-slider-content{
		width:600px; 
		height:285px;
	}
	
	#carousel .carousel-posts li {
		margin-right:16px;		
	}
	
	#featured-categories .category{
		width:290px;
		float:left;
		position:relative;
		margin-bottom:10px;		
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .more-posts .right{
		width:230px !important;
	}	
	
	/*-- sidebar --*/
	#sidebar {
		width: 600px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar .widget{
		width:280px;
		float:left;
		margin-right:20px;
	}
	
	/*-- footer --*/
	#footer .widget{
		width:190px;
		margin-right:10px;
	}

}

@media screen and (min-width : 460px) and (max-width : 629px) {
	
	#container {
		width: 460px;
	}
	
	/*-- header --*/
	#header .ad468{
		display:none;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav ul { 
		display:none; 
	}
	
	#nav select {
		margin-top:20px;
		display: block;
		width: 430px; 
	}

	/*-- content --*/
	#content-container{
		padding:10px;		
	}
	
	#content {
		width: 440px;
	}
	
	#slider .lof-slidecontent{
		width:440px; 
		height:210px;
	}

	#slider .lof-slidecontent .slider-image{
		width:440px; 
		height:210px;
	}
	
	#slider .main-slider-content{
		width:440px; 
		height:210px;
	}
	
	#carousel{
		display:none;
	}
	
	#featured-categories .category{
		width:210px;
		float:left;
		margin-bottom:10px;
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .category .attachment-feat-thumb{
		width:210px;	
		max-height:120px;
	}	

	#featured-categories .more-posts img{
		display:none;
	}
	
	#featured-categories .more-posts .right{
		width:210px !important;
	}	
	
	#posts-list .post-image{
		margin-right:10px;
	}
	
	#posts-list .post-image img{
		width:120px;
	}
	
	#posts-list .post .right .date-by{
		margin-bottom:5px;
	}
	
	/*-- Sidebar --*/
	#sidebar {
		width: 440px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar  .widget{
		width: 210px;
		float: left;
		margin-right:10px;
	}
	
	.widget_search input{
		width: 170px;		
	}
	
	#sidebar .widget_ad125 li:last-child{
		margin-left:0;
	}
	
	/*-- footer --*/	
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer  .widget{		
		float:left;
		margin-right:10px		
	}
	
	#footer .footer-info{
		padding:10px;
	}	
}

@media screen and (max-width: 459px) {
	
	#container {
		width: 320px;		
	}

	#content-container{
		padding:10px;
	}	
	
	/*-- header --*/
	#header{
		padding: 10px;		
	}
	
	#header .logo {
		width:300px;
		text-align:center;	
	}
	
	#header .ad468{
		display: none; 
	}
	
	#header .logo img {
		display:inline-block;
	}
	
	#nav ul {  
		display:none; 
	}
	
	#nav select  {	
		margin-top:20px;
		display: block;
		float:left;
		width: 300px; 
	}
	
	/*-- content --*/
	#slider{
		display:none;
	}
	
	#content {
		width: 300px;
	}
	
	#carousel{
		display:none;
	}
	

	#featured-categories .right-side{
		margin-left:0;
	}
	
	#posts-list .post-image{
		display:none;
	}
	
	#content .single-post .author .avatar{
		display:none;
	}

	#content .single-post .author .author-meta{
		margin-left:0px;
	}
	
	#comments ol.commentlist li ul.children li.depth-2 { 
		margin: 0 0 30px 30px;  
	}

	#comments ol.commentlist li ul.children li.depth-3 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-4 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-5 { 
		margin: 0 0 30px 0px; 
	}
	
	#respond input[type="text"], #respond input[type="password"] {
		width: 200px; 
	}
	
	/*-- sidebar --*/
	#sidebar {
		width: 300px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	/*-- footer --*/
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer .widget{
		width: 300px;
	}
	
	#footer .footer-info{
		padding:10px;
	}
	
	#footer  .footer-info .credit{
		float:left;
	}
	
	
	
	
	

}